import React, { PureComponent } from 'react'
import Home from './components/Home'
import Profiles from './components/Profiles'
// import { connect } from 'react-redux'
import { connect } from './hoc/connect'
import './style.css'
import Banner from './components/Banner'
import About from './components/About'

export class App extends PureComponent {
  render() {
    const { counter } = this.props
    return (
      <div>
        <h2>App counter: {counter}</h2>
        <div className='page'>
          <Home></Home>
          <Profiles></Profiles>
          <Banner></Banner>
          <About></About>
        </div>
      </div>
    )
  }
}
const mapStateToProps = (state) => {
  return {
    counter: state.count.counter,
  }
}
const mapDispatchToProps = (dispatch) => {
  return {}
}
export default connect(mapStateToProps, mapDispatchToProps)(App)